<!DOCTYPE html>
<html>

	<head>

		<meta charset="UTF-8">
		<link rel="stylesheet" href="../css/x-admin.css" />
		<link rel="stylesheet" href="../static/layui/css/layui.css" />
		<link rel="stylesheet" href="../static/layer/skin/layer.css" />

		<script type="text/javascript" src="../js/jquery.min.js"></script>
		<script type="text/javascript" src="../static/layui/layui.js"></script>
		<script type="text/javascript" src="../static/layer/layer.js"></script>
		<script type="text/javascript" src="../js/x-layui.js"></script>
		<script type="text/javascript" src="../js/xcity.js"></script>
		<script type="text/javascript" src="../js/base.js"></script>

		<script type="text/javascript" src="../js/usermanage/business-add.js"></script>

		<style>
			input:hover {
				transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
				border-color: #9cc7e9;
				box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(33, 118, 218, .4);
			}
			
			.botn button {
				margin-top: 10px;
				display: inline-block;
			}
			
			.basic_infor {
				width: 100%;
				height: 114px;
				background: #f6f6f6;
				border-top: 1px solid #f6f6f6;
				margin-bottom: 30px;
			}
			
			.basic_infor p {
				margin-top: 30px;
			}
			
			.basic_infor .sp1 {
				color: #666;
				font-size: 30px;
				font-weight: bold;
				margin-left: 25px;
			}
			
			.basic_infor .sp2 {
				color: #666;
				font-size: 14px;
				margin-left: 10px;
			}
			
			.basic_infor .sp2 i {
				color: #ff8800;
				margin: 0 3px;
				font-size: 14px;
			}
			
			.basic_p5 textarea {
				padding-right: 7.5%;
				padding-left: 5%;
				width: 600px;
				height: 80px;
				border: 1px solid #eee;
				color: black;
				font-size: 14px;
				line-height: 22px;
				border-radius: 4px;
			}
			
			.layui-form-label {
				width: 85px;
			}
		</style>
	</head>

	<body>

		<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
			<ul class="layui-tab-title">
				<li class="layui-this">农家乐商家</li>
				<li>旅游景区商家</li>
			</ul>
			<div class="layui-tab-content">

				<!--农家乐 商家-->
				<div class="layui-tab-item layui-show">
					<div class="x-body">

						<div class="layui-form">

							<div class="basic_infor">
								<p>
									<span class="sp1">（农家乐）基本信息认证</span>
									<span class="sp2">(<i class="i1">*</i>此类信息为必填项)</span>
								</p>
							</div>

							<div class="layui-form-item">
								<label class="layui-form-label">企业名称</label>
								<div class="layui-input-inline">
									<input type="text" autocomplete="off" class="layui-input" style="width: 345px;">
								</div>
							</div>

							<div class="layui-form-item">
								<label class="layui-form-label">统一社会信用码
		              	</label>
								<div class="layui-input-inline">
									<input type="text" autocomplete="off" class="layui-input">
								</div>
							</div>

							<div class="layui-form-item">
								<label class="layui-form-label">营业执照
			            </label>
								<div class="layui-input-inline">
									<input type="text" autocomplete="off" class="layui-input">
								</div>
								<div class="layui-upload">
									<button type="button" class="layui-btn" id="test1" onclick="picupload('#test1')">上传图片</button>
								</div>
								<label for="phone" class="layui-form-label"></label>
								<div class="layui-upload-list layui-input-inline" id="add_img" style="display: none;">
									<img class="layui-upload-img" id="demo1" style="max-width: 200px;">
									<p id="demoText" style="margin-top: 10px;font-size: 14px;"></p>
								</div>
							</div>

							<div class="layui-form-item">
								<label class="layui-form-label">法定代表人</label>
								<div class="layui-input-inline">
									<input type="text" autocomplete="off" class="layui-input">
								</div>
							</div>

							<div class="layui-form-item">
								<label class="layui-form-label">联系方式</label>
								<div class="layui-input-inline">
									<input type="tel" name="txtmobile" id="txtmobile" value="17784395866" maxlength="11" class="layui-input">
								</div>
							</div>

							<div class="layui-form-item">
								<label class="layui-form-label">成立日期</label>
								<div class="layui-input-inline">
									<input class="layui-input" placeholder="成立日期" name="start" id="start">
								</div>
							</div>

							<div class="layui-form-item">
								<label class="layui-form-label">商户类型</label>
								<div class="layui-input-inline">
									<input type="text" value="农家乐" readonly="readonly" autocomplete="off" class="layui-input">
								</div>
							</div>

							<div class="layui-form-item">
								<label class="layui-form-label">农家类型</label>
								<div class="layui-input-inline">
									<select name="role">
										<option value="农家乐">农家乐</option>
										<option value="民俗客栈">民俗客栈</option>
										<option value="酒庄">酒庄</option>
										<option value="山庄">山庄</option>
										<option value="度假园">度假园</option>
										<option value="采摘园">采摘园</option>
										<option value="生态园">生态园</option>
									</select>
								</div>
							</div>

							<div class="layui-form-item">
								<label class="layui-form-label">经营面积</label>
								<div class="layui-input-inline">
									<select name="mianji" id="mianji">
										<option value="50">50平米以下</option>
										<option value="100">50-100平米</option>
										<option value="150">100-150平米</option>
										<option selected="selected" value="200">150-200平米</option>
										<option value="250">200-250平米</option>
										<option value="300">250-300平米</option>
										<option value="350">300-350平米</option>
										<option value="400">350-400平米</option>
										<option value="450">400-450平米</option>
										<option value="500">450-500平米</option>
										<option value="600">500平米以上</option>
									</select>
								</div>
							</div>

							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label">用餐接待</label>
									<div class="layui-input-inline">
										<select name="f_capacity" id="f_capacity">
											<option value="10">10人以下</option>
											<option value="20">10-20人</option>
											<option value="30">20-30人</option>
											<option value="40">30-40人</option>
											<option value="50">40-50人</option>
											<option value="60">50-60人</option>
											<option value="70">60-70人</option>
											<option value="80">70-80人</option>
											<option value="90">80-90人</option>
											<option value="100">90-100人</option>
											<option value="110">100人以上</option>
										</select>
									</div>
								</div>

								<div class="layui-inline">
									<label class="layui-form-label">住宿容纳</label>
									<div class="layui-input-inline">
										<select name="stay_people" id="stay_people">
											<option value="10">10人以下</option>
											<option value="20">10-20人</option>
											<option value="30">20-30人</option>
											<option value="40">30-40人</option>
											<option value="50">40-50人</option>
											<option value="60">50-60人</option>
											<option value="70">60-70人</option>
											<option value="80">70-80人</option>
											<option value="90">80-90人</option>
											<option value="100">90-100人</option>
											<option value="110">100人以上</option>
										</select>
									</div>
								</div>
							</div>

							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label">商铺规模</label>
									<div class="layui-input-inline">
										<select name="merch_scale" id="merch_scale">
											<option value="10">10间以下</option>
											<option value="15">10-15间房</option>
											<option value="20">15-20间房</option>
											<option value="25">20-25间房</option>
											<option value="30">25-30间房</option>
											<option value="35">30-35间房</option>
											<option value="40">35-40间房</option>
											<option value="45">40-45间房</option>
											<option value="50">45-50间房</option>
											<option value="60">50间以上</option>
										</select>
									</div>
								</div>

								<div class="layui-inline">
									<label class="layui-form-label">人均消费</label>
									<div class="layui-input-inline">
										<input type="text" name="pre_consumption" id="pre_consumption" class="layui-input" value="0">
									</div>
									<div class="layui-form-mid layui-word-aux">
										元起
									</div>
								</div>
							</div>

							<div class="layui-row">
								<div class="layui-form layui-col-md12  layui-form-pane">
									<div class="layui-form-item" id="x-city">
										<label class="layui-form-label" style="border: 0px;">所属城市</label>
										<div class="layui-input-inline">
											<select name="province" lay-filter="province">
												<option value="">请选择省</option>
											</select>
										</div>
										<div class="layui-input-inline">
											<select name="city" lay-filter="city">
												<option value="">请选择市</option>
											</select>
										</div>
										<div class="layui-input-inline">
											<select name="area" lay-filter="area">
												<option value="">请选择县/区</option>
											</select>
										</div>
									</div>
								</div>
							</div>

							<div class="layui-form-item">
								<label class="layui-form-label">住所</label>
								<div class="layui-input-inline">
									<input type="text" name="principal_address" id="principal_address" value="重庆-九龙坡-海米山庄" class="layui-input" style="width: 345px;">
								</div>
							</div>

							<div class="basic_infor basic_infor_mar">
								<p>
									<span class="sp1">完善认证条件</span>
									<span class="sp2">（此类信息为选填项，填写完整可让游客对您家的商铺更加了解，更加提高商铺的收益！）</span>
								</p>
							</div>

							<div class="layui-form-item">
								<label class="layui-form-label">营业状态</label>
								<div class="layui-input-inline">
									<select name="business_state" id="business_state">
										<option value="0" selected="selected">营业中</option>
										<option value="3">装修中</option>
										<option value="1">停业中</option>
									</select>
								</div>
							</div>

							<div class="layui-form-item basic_p5">
								<label class="layui-form-label">农家介绍</label>
								<div class="layui-input-inline">
									<textarea name="txt_introduce" id="txt_introduce"></textarea>
								</div>
							</div>

							<div class="layui-form-item basic_p5">
								<label class="layui-form-label">公交路线</label>
								<div class="layui-input-inline">
									<textarea name="txt_bus_line" id="txt_bus_line"></textarea>
								</div>
							</div>

							<div class="layui-form-item basic_p5">
								<label class="layui-form-label">自驾路线</label>
								<div class="layui-input-inline">
									<textarea name="txt_bus_line" id="txt_bus_line"></textarea>
								</div>
							</div>

							<div class="layui-form-item basic_p5">
								<label class="layui-form-label">备注</label>
								<div class="layui-input-inline">
									<textarea id="remarks" placeholder="商家信息注册,请核对商家信息"></textarea>
								</div>
							</div>

						</div>

						<div class="layui-form-item botn">
							<label class="layui-form-label">
	            </label>
							<button class="layui-btn" onclick="saveMerdetail()">保存</button>
							<button class="layui-btn que_xiao" onclick="x_admin_close();">取消</button>
						</div>
					</div>
				</div>

				<!--景区 商家-->
				<div class="layui-tab-item">

					<div class="x-body">

						<div class="layui-form">

							<div class="basic_infor">
								<p>
									<span class="sp1">（旅游景区）基本信息认证</span>
									<span class="sp2">(<i class="i1">*</i>此类信息为必填项)</span>
								</p>
							</div>

							<div class="layui-form-item">
								<label class="layui-form-label">企业名称</label>
								<div class="layui-input-inline">
									<input type="text" autocomplete="off" class="layui-input" style="width: 345px;">
								</div>
							</div>

							<div class="layui-form-item">
								<label class="layui-form-label">统一社会信用码
		              	</label>
								<div class="layui-input-inline">
									<input type="text" autocomplete="off" class="layui-input">
								</div>
							</div>

							<div class="layui-form-item">
								<label class="layui-form-label">营业执照
			            </label>
								<div class="layui-input-inline">
									<input type="text" autocomplete="off" class="layui-input">
								</div>
								<div class="layui-upload">
									<button type="button" class="layui-btn" id="test1">上传图片</button>
								</div>
								<label for="phone" class="layui-form-label"></label>
								<div class="layui-upload-list layui-input-inline" id="add_img" style="display: none;">
									<img class="layui-upload-img" id="demo1" style="max-width: 200px;">
									<p id="demoText" style="margin-top: 10px;font-size: 14px;"></p>
								</div>
							</div>

							<div class="layui-form-item">
								<label class="layui-form-label">法定代表人</label>
								<div class="layui-input-inline">
									<input type="text" autocomplete="off" class="layui-input">
								</div>
							</div>

							<div class="layui-form-item">
								<label class="layui-form-label">联系方式</label>
								<div class="layui-input-inline">
									<input type="tel" name="txtmobile" id="txtmobile" value="17784395866" maxlength="11" class="layui-input">
								</div>
							</div>

							<div class="layui-form-item">
								<label class="layui-form-label">成立日期</label>
								<div class="layui-input-inline">
									<input class="layui-input" placeholder="成立日期" name="start" id="start_tour">
								</div>
							</div>

							<div class="layui-form-item">
								<label class="layui-form-label">商户类型</label>
								<div class="layui-input-inline">
									<input type="text" value="旅游景区" readonly="readonly" autocomplete="off" class="layui-input">
								</div>
							</div>

							<div class="layui-form-item">
								<label class="layui-form-label">景区类型</label>
								<div class="layui-input-inline">
									<select name="role">
										<option value="游山">游山</option>
										<option value="玩乐">玩乐</option>
										<option value="草原">草原</option>
										<option value="沙漠">沙漠</option>
										<option value="海边">海边</option>
										<option value="拜佛">拜佛</option>
										<option value="古镇">古镇</option>
										<option value="古迹">古迹</option>
										<option value="山峰">山峰</option>
										<option value="溶洞">溶洞</option>
										<option value="公司会议">公司会议</option>
										<option value="公司拓展">公司拓展</option>
										<option value="休闲游">休闲游</option>
									</select>
								</div>
							</div>

							<div class="layui-form-item">
								<label class="layui-form-label">门票价格</label>
								<div class="layui-input-inline">
									<input type="text" autocomplete="off" class="layui-input">
								</div>
							</div>

							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label">开放时间</label>
									<div class="layui-input-inline">
										<input type="text" autocomplete="off" placeholder=" - " class="layui-input" id="kftime">
									</div>
								</div>

							</div>

							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label">适合于类型</label>
									<div class="layui-input-block" id="merch_scale">
										<input type="checkbox" name="like" lay-skin="primary" value="家庭游" title="家庭游">
										<input type="checkbox" name="like" lay-skin="primary" value="敬老游" title="敬老游">
										<input type="checkbox" name="like" lay-skin="primary" value="亲子游" title="亲子游">
										<input type="checkbox" name="like" lay-skin="primary" value="情侣游" title="情侣游">
										<input type="checkbox" name="like" lay-skin="primary" value="闺蜜游" title="闺蜜游">
										<input type="checkbox" name="like" lay-skin="primary" value="同学游" title="同学游">
										<input type="checkbox" name="like" lay-skin="primary" value="朋友游" title="朋友游">
										<input type="checkbox" name="like" lay-skin="primary" value="同事游" title="同事游">
										<input type="checkbox" name="like" lay-skin="primary" value="学校游" title="学校游">
										<input type="checkbox" name="like" lay-skin="primary" value="组团游" title="组团游">
										<input type="checkbox" name="like" lay-skin="primary" value="个人游" title="个人游">
									</div>
								</div>

							</div>

							<div class="layui-form-item">
								<label class="layui-form-label">最佳季节</label>
								<div class="layui-input-inline">
									<select name="merch_scale" id="merch_scale">
										<option value="春季">春季</option>
										<option value="夏季">夏季</option>
										<option value="秋季">秋季</option>
										<option value="冬季">冬季</option>
									</select>
								</div>
								<div class="layui-form-mid layui-word-aux">季节最佳景点</div>
							</div>

							<div class="layui-row">
								<div class="layui-form layui-col-md12  layui-form-pane">
									<div class="layui-form-item" id="x-city">
										<label class="layui-form-label" style="border: 0px;">所属城市</label>
										<div class="layui-input-inline">
											<select name="province" lay-filter="province">
												<option value="">请选择省</option>
											</select>
										</div>
										<div class="layui-input-inline">
											<select name="city" lay-filter="city">
												<option value="">请选择市</option>
											</select>
										</div>
										<div class="layui-input-inline">
											<select name="area" lay-filter="area">
												<option value="">请选择县/区</option>
											</select>
										</div>
									</div>
								</div>
							</div>

							<div class="layui-form-item">
								<label class="layui-form-label">住所</label>
								<div class="layui-input-inline">
									<input type="text" name="principal_address" id="principal_address" value="重庆-九龙坡-海米山庄" class="layui-input" style="width: 345px;">
								</div>
							</div>

							<div class="basic_infor basic_infor_mar">
								<p>
									<span class="sp1">完善认证条件</span>
									<span class="sp2">（此类信息为选填项，填写完整可让游客对您家的商铺更加了解，更加提高商铺的收益！）</span>
								</p>
							</div>

							<div class="layui-form-item">
								<label class="layui-form-label">景区等级</label>
								<div class="layui-input-inline">
									<select name="business_state" id="business_state">
										<option value="A">A</option>
										<option value="2A">2A</option>
										<option value="3A">3A</option>
										<option value="4A">4A</option>
										<option value="5A" selected="selected">5A</option>
									</select>
								</div>
							</div>

							<div class="layui-form-item basic_p5">
								<label class="layui-form-label">景区介绍</label>
								<div class="layui-input-inline">
									<textarea name="txt_introduce" id="txt_introduce"></textarea>
								</div>
							</div>

							<div class="layui-form-item basic_p5">
								<label class="layui-form-label">公交路线</label>
								<div class="layui-input-inline">
									<textarea name="txt_bus_line" id="txt_bus_line"></textarea>
								</div>
							</div>

							<div class="layui-form-item basic_p5">
								<label class="layui-form-label">自驾路线</label>
								<div class="layui-input-inline">
									<textarea name="txt_bus_line" id="txt_bus_line"></textarea>
								</div>
							</div>

							<div class="layui-form-item basic_p5">
								<label class="layui-form-label">备注</label>
								<div class="layui-input-inline">
									<textarea id="remarks" placeholder="商家信息注册,请核对商家信息"></textarea>
								</div>
							</div>

						</div>

					</div>

					<div class="layui-form-item botn">
						<label class="layui-form-label">
				            </label>
						<button class="layui-btn" onclick="saveMerdetail()">保存</button>
						<button class="layui-btn que_xiao" onclick="x_admin_close();">取消</button>
					</div>
				</div>

			</div>
		</div>

	</body>

	<script type="text/javascript">
		$(function() {
			layui.use(['laydate', 'layer', 'layedit', 'element'], function() {
				$ = layui.jquery;
				var layedit = layui.layedit,
					laydate = layui.laydate,
					element = layui.element;

				//创建一个编辑器
				editIndex = layedit.build('L_content');

				//执行一个laydate实例
				laydate.render({
					elem: '#start', //指定元素
					type: 'datetime'
				});

				//执行一个laydate实例
				laydate.render({
					elem: '#start_tour', //指定元素
					type: 'datetime'
				});

				//时间范围
				laydate.render({
					elem: '#kftime',
					type: 'time',
					range: true
				});
			})

			layui.use(['form', 'code'], function() {
				form = layui.form;

				layui.code();

				$('#x-city').xcity('重庆', '市辖区', '永川区');

				$('#x-city_tour').xcity('重庆', '市辖区', '永川区');

			});

		});
	</script>

</html>